<template>
  <p>标题位置</p>
  <div class="pro_card">
    <div class="pro_left" v-for="item in 5">
      <el-card :style="{ borderRadius: '10px' }">
        <ProjectCard>
          <template #img="slotProps">
            <img
              src="../assets/img/li2.png"
              alt=""
              :style="{ width: slotProps.width, height: slotProps.height }"
            />
          </template>
          <template #title>RuPa</template>
          <template #desc>一款基于Rust+Vue 的linux 控制面板</template>
        </ProjectCard>
      </el-card>
    </div>
  </div>
</template>
<script lang="ts" setup>
import ProjectCard from "./ProjectCard.vue";
</script>
<style lang="scss" scoped>
p {
  font-size: 20px;
  color: #525290;
}
.pro_card {
  justify-content: center;
  margin: 10px 0px;
  display: flex;
  flex-wrap: wrap;
  .pro_left {
    margin: 20px 10px;
  }
  .pro_right {
    margin: 0px 10px;
  }
}
</style>
